<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
<!--跳转至外部资源-->

<a href="https://www.baidu.com">打开百度</a>
<a href="https://www.tmooc.cn/" target="_blank">打开达内</a>
<br>
<!--跳转至本地资源-->
<a href="p1.html">打开p1</a>
<a href="p5.html">打开p5</a>
<a href="aaa.jpg">打开图片aaa</a>
<br>
<!--图片链接-->
<a href="https://www.baidu.com">
    <img src="aaa.jpg">
</a>
<br>

<a href="https://www.baidu.com" target="_self">百度1</a>
<a href="https://www.baidu.com" target="_blank">百度2</a>
<!--锚点链接  书签-->
<h1 id="top">西游记</h1>
<a href="#chapter1">第一回</a>
<a href="#chapter2">第二回</a>
<a href="#chapter3">第三回</a>
<hr>
<h2 id="chapter1">第一回</h2>
<p>第一回内容
    <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aperiam atque consequatur doloribus dolorum ea eaque fuga hic illum iste modi molestiae porro quibusdam quo sed sint, tenetur velit voluptatum.</span><span>A, architecto aut blanditiis delectus dolor doloremque ducimus earum, eius ipsum molestiae quam qui quidem quisquam quo repellendus sapiente temporibus, velit veniam voluptatibus voluptatum. Consequatur culpa earum impedit modi perferendis.</span><span>At consectetur consequuntur debitis deserunt dicta distinctio dolore ex, exercitationem expedita facere itaque magnam maxime minima quas qui quis reiciendis, vel voluptates. Consectetur, enim iusto! Consequuntur illo perferendis perspiciatis porro?</span><span>Accusantium alias animi asperiores commodi culpa cumque cupiditate debitis delectus deleniti, earum et eum fugiat incidunt iste, iure laudantium minus nam optio praesentium quia quis quo, quod repellat ullam voluptas.</span><span>Ab architecto, autem blanditiis consequuntur ducimus explicabo facilis laborum necessitatibus nulla quis saepe, unde! Ad dolorem fugit, illum ratione reiciendis tenetur. Ab aut dignissimos provident ratione reiciendis temporibus unde veritatis.</span><span>Asperiores, beatae blanditiis fugiat illum laborum necessitatibus, nulla placeat quae quibusdam quos sunt suscipit tempora totam. Aut dolorum ducimus eligendi, exercitationem facere illo libero necessitatibus nihil placeat ratione rem sed!</span><span>Alias aliquam amet atque aut consequuntur culpa dolor eius error eum hic incidunt, ipsum iusto laborum libero nisi non nostrum nulla numquam odio porro quaerat, quisquam ratione sapiente, soluta sunt.</span><span>At corporis dolores dolorum ducimus eligendi minus mollitia nesciunt quasi quia! Aliquid aperiam architecto aut autem, cupiditate dolor est eum minus mollitia nam quae quo recusandae saepe unde vitae voluptas.</span><span>Ad aspernatur beatae consequatur consequuntur eaque error illum iure molestias mollitia nulla numquam provident quam quibusdam quisquam, reprehenderit vel, vitae! Alias aliquid blanditiis eaque error nam, natus provident quisquam soluta.</span><span>Autem dolor error eum necessitatibus obcaecati omnis placeat praesentium, quasi quia quos, saepe sit tempore voluptas. Aspernatur, cum, dolor, earum eligendi eos excepturi id laborum quaerat repudiandae suscipit tenetur ut.</span><span>Aperiam aspernatur aut earum enim, esse explicabo, facilis fuga in ipsum maxime natus nemo nihil nisi numquam odit officia officiis pariatur placeat quia rem rerum ut vel velit voluptate voluptates!</span><span>Dolorum exercitationem in ipsa pariatur quidem sapiente tempora vel. Dolores illo ipsam maiores nulla voluptatum. Adipisci commodi debitis laborum neque recusandae sit, ullam velit. Dicta maiores, voluptatem. Iste quod, sunt.</span><span>A ad architecto aspernatur consequuntur cumque debitis dignissimos, est id ipsam maxime minus molestiae molestias nesciunt optio, perferendis quos ratione rem repellendus repudiandae, sapiente similique unde ut velit veniam voluptatibus.</span><span>Eos explicabo illo minima perferendis porro unde voluptatem! Adipisci aliquam aliquid amet animi cum dignissimos distinctio ea, exercitationem labore libero maiores modi mollitia placeat, quo repellat repudiandae sed sequi tempore!</span><span>Aliquid, cum dicta dolorem enim eveniet fuga illum magnam minima modi, molestias neque provident qui quo tempore veritatis voluptatem voluptatibus! Commodi consequuntur dignissimos eveniet magnam, minus provident tempora ullam veritatis.</span><span>At consequuntur culpa inventore ipsam nemo ut, velit? Adipisci aspernatur consectetur corporis eligendi, eos esse est fugiat impedit laboriosam nemo, nihil officia omnis pariatur, repellat sint sunt vero. Dolores, libero!</span><span>Ab accusamus accusantium aperiam commodi consectetur dicta, dignissimos error expedita illum, ipsa modi natus nemo nisi non obcaecati perferendis quis quod ratione saepe similique sit sunt tempora vero. Molestias, quidem?</span><span>Alias, aliquam aliquid cum, dignissimos dolore dolorum, enim maxime modi nam necessitatibus odio quae sequi veritatis? At debitis, dolore eaque incidunt neque nesciunt odio pariatur sequi ullam ut voluptatem voluptatum?</span><span>Aut debitis, dignissimos eius facilis fuga illo in ipsum laudantium modi molestiae nam nemo omnis praesentium quae quibusdam quo ratione sint sit suscipit voluptates. Aliquam blanditiis cum dolorum quae quod.</span><span>Atque aut dolores est excepturi explicabo, fugiat iste nisi non nostrum obcaecati possimus quam quasi, quidem, quis similique tempore totam voluptatem? Atque beatae maiores molestias odio provident sed ut voluptate?</span></p>
<h2 id="chapter2">第二回</h2>
<p>第二回内容 <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Exercitationem fuga perferendis quidem? Ab, commodi deserunt incidunt iste laborum minus perspiciatis reiciendis soluta suscipit! Amet aut consectetur debitis ipsa, odio ut!</span><span>Cum ea eligendi quae? Assumenda consectetur deleniti eum in itaque minus obcaecati sint suscipit tempora unde velit, vero voluptatem, voluptatum? At dicta harum ipsam mollitia quisquam voluptatibus voluptatum? Ad, debitis.</span><span>Accusantium corporis debitis doloremque eos, laboriosam nemo perspiciatis placeat provident saepe, sapiente, tenetur totam. Amet aut doloremque doloribus ex expedita, maxime natus neque numquam possimus quaerat quam recusandae rem similique?</span><span>Beatae blanditiis, consectetur consequatur dolore eos ex fugit maxime nemo numquam quod repellat unde voluptatem voluptatibus! A amet cumque cupiditate esse eveniet, libero molestias numquam quod? Alias at nihil rerum!</span><span>Accusamus delectus facilis ipsum iste iure labore molestias provident quam, rem tempora? Adipisci, aut consectetur consequuntur culpa eius enim eos fugit ipsa ipsam minima, mollitia nihil placeat, quam tenetur vitae!</span><span>Amet atque dignissimos eos excepturi illum iste laboriosam laudantium, mollitia obcaecati quis ratione totam ut vitae. Culpa dolore explicabo iure molestias nam quia rerum sequi sunt voluptas. Hic nihil, voluptas?</span><span>Cupiditate doloremque, eaque expedita hic illum impedit natus non quam, quasi quis recusandae repudiandae tempora, temporibus veniam voluptatibus! At, corporis cum ex facere iste porro praesentium provident rem temporibus vero.</span><span>Accusamus adipisci architecto, dignissimos distinctio eius enim est laboriosam molestiae nam obcaecati, possimus quia quod reiciendis tempora veniam. Accusamus atque corporis doloremque eius eum exercitationem fuga maiores molestias pariatur sapiente?</span><span>A, aut blanditiis consequuntur debitis, dicta dolore, doloremque molestias odit officia placeat rem sint soluta veritatis vitae voluptas? Adipisci asperiores facere harum illo ipsa magnam nisi odio vel. Iste, necessitatibus?</span><span>Ab aperiam architecto consectetur cupiditate deleniti distinctio dolores eius enim error facere id nesciunt obcaecati, perferendis praesentium repellendus, reprehenderit similique voluptate? Dolore exercitationem explicabo iure maxime nostrum quae quisquam tenetur.</span><span>Illo maiores porro sint. Adipisci aliquam amet aspernatur commodi consectetur cum cumque earum eligendi eveniet facere id ipsam labore maiores, necessitatibus, nemo neque nisi odit omnis, placeat porro quos soluta!</span><span>At aut, blanditiis debitis dolorum ea error est hic illum, inventore ipsum pariatur porro praesentium quas rem, repellendus rerum suscipit tenetur. Expedita harum id, molestiae obcaecati quisquam reprehenderit ut voluptates?</span><span>A blanditiis culpa cum earum eum, excepturi explicabo in, itaque, maiores mollitia perspiciatis quasi qui rem ullam unde veniam voluptate! Cumque, dolor esse facilis illum magnam maxime nesciunt provident ullam.</span><span>Ad eaque eligendi illum, iusto libero minima quasi quis repellat soluta voluptatibus. Aliquid assumenda autem earum facilis impedit inventore ipsa ipsum labore molestias natus nesciunt numquam optio porro, possimus sapiente?</span><span>Facere iure odio quasi vel? A animi, assumenda debitis eveniet exercitationem explicabo fugit, illum impedit ipsam iusto laboriosam libero nulla perferendis provident quaerat quas quidem repellendus saepe sint suscipit velit!</span><span>Consequatur eveniet labore minus nisi numquam provident quos. Consequuntur et iure, labore laboriosam quo quos repudiandae sapiente voluptas. Culpa eveniet labore mollitia nemo officiis perspiciatis quam quidem saepe sapiente veritatis!</span><span>Ad adipisci amet assumenda expedita facere hic illum ipsum, iste itaque iure labore magnam magni maiores minus mollitia nisi nobis non officiis possimus quasi reprehenderit sapiente similique sint vel voluptas.</span><span>Ab accusamus, alias dolor dolorem dolorum enim eveniet hic laboriosam nihil optio praesentium quas quasi tempore temporibus, totam? Architecto beatae corporis eos explicabo, fuga harum nisi possimus quasi quos totam!</span><span>Accusantium autem corporis dicta earum fuga iste iusto perspiciatis sapiente. Ab assumenda consequuntur dolore eum iure neque nesciunt nihil optio possimus veniam! Alias at deserunt dicta eveniet laborum? A, et?</span><span>Aliquam beatae commodi illum inventore laboriosam laudantium maxime necessitatibus non nostrum perferendis quia, quis repellendus repudiandae sequi sunt tempora tenetur totam ut vel veritatis? A adipisci deleniti ea iusto non?</span></p>
<h2 id="chapter3">第三回</h2>
<p>第三回内容 <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A asperiores commodi delectus distinctio ducimus eius, expedita minima modi molestiae natus nesciunt nobis quam qui, repudiandae saepe sequi ut veritatis vero?</span><span>Aliquam, delectus, reprehenderit! Atque aut excepturi laboriosam rem? At autem dignissimos ducimus expedita fuga incidunt pariatur quod vero voluptatibus? Architecto cupiditate exercitationem ipsa quia voluptas. Autem consequuntur facere nobis sapiente?</span><span>Accusantium aperiam corporis distinctio eius facilis ipsum nisi nulla quis. Cum dolores et impedit incidunt temporibus? Amet impedit iure placeat recusandae totam? Blanditiis corporis deleniti error minima pariatur repellat soluta.</span><span>Accusantium ad atque cum cumque inventore iure molestiae nulla reprehenderit saepe? Amet dignissimos distinctio facilis harum labore laudantium minima praesentium, quae sint! Accusamus dolorum earum ex necessitatibus. Nemo odit, tempore!</span><span>Aperiam aut commodi deleniti dolores error fuga, iusto laudantium necessitatibus optio quasi recusandae rem vero voluptatibus! Aliquid autem cum provident recusandae tenetur veritatis? Ad amet eaque excepturi odio, reiciendis temporibus.</span><span>Earum facere maiores quasi rem repudiandae! Alias architecto asperiores assumenda beatae cupiditate dicta dolor doloribus, ea fugiat fugit laborum magni molestias nemo perspiciatis quam qui repellendus sapiente sunt vitae voluptatum?</span><span>Ab error illum labore magni modi praesentium. A assumenda debitis distinctio, eveniet excepturi fuga incidunt iure maxime nihil nostrum quae ratione sunt totam ullam unde voluptate voluptates! Consectetur exercitationem, ipsa!</span><span>Autem deserunt dolor dolore dolores doloribus earum enim eos facere fuga fugit hic ipsam iure labore laborum natus necessitatibus odio pariatur quaerat quidem rerum, sapiente tempora unde vero vitae voluptatibus!</span><span>Adipisci, blanditiis ducimus ea expedita itaque sapiente soluta? Architecto aut distinctio eligendi fugit labore minima quaerat qui quo veritatis. Doloremque, iure, sequi. Itaque maiores, vitae! Corporis exercitationem fuga impedit minus.</span><span>Ad alias, aliquid assumenda aut consequatur corporis debitis deserunt dolores ducimus in incidunt itaque laboriosam magni molestiae natus nisi nobis nostrum odit omnis possimus quae quod saepe sed temporibus vel?</span><span>Cupiditate eligendi facilis hic quis voluptas. Ad amet architecto, asperiores consequuntur corporis fugiat harum ipsa laudantium molestias necessitatibus odio officiis placeat quam quidem quisquam reiciendis saepe soluta veniam, voluptas voluptatibus.</span><span>Amet architecto blanditiis commodi consectetur culpa eveniet facilis fugiat id impedit, labore laudantium maiores neque nisi qui quidem recusandae sed, sint, tempore ullam unde velit voluptas voluptatem voluptates voluptatibus voluptatum.</span><span>Animi beatae consequatur delectus dicta dignissimos dolorem ea ex ipsam iusto, magni maiores, porro quasi quis? Accusamus aperiam dignissimos eaque, error esse est illo officia omnis perferendis quas quia vel?</span><span>A accusantium aliquid aperiam commodi corporis et incidunt magnam molestiae odit, sint sit soluta velit voluptate! Ab alias atque cupiditate esse minus nisi officia provident ut veritatis. Non numquam, reiciendis!</span><span>Ab autem beatae culpa dolorem eaque harum illo, ipsa ipsam libero magni necessitatibus neque nulla obcaecati officia pariatur perferendis quae quam quas quidem quisquam repudiandae rerum sequi sit temporibus voluptas!</span><span>Accusamus commodi esse eum laudantium minima neque nisi quas quibusdam suscipit vitae! Aperiam commodi esse facilis impedit libero mollitia provident repellat. Amet architecto debitis expedita explicabo facere, ipsa rerum tempora.</span><span>Ad at dolore, ducimus earum harum, laboriosam magnam maxime non numquam officia perferendis quae quaerat, quasi quod ratione saepe vel veniam! Asperiores, deleniti dolorem eum facilis quam quas! Distinctio, praesentium.</span><span>Adipisci aliquam culpa cupiditate deserunt distinctio doloremque eius facere fuga in maxime neque nulla pariatur placeat, porro provident quaerat sed, sequi temporibus veniam vero! Debitis fugiat iusto nisi possimus voluptatibus.</span><span>Aliquid, aperiam aut delectus deleniti, dolore doloremque, doloribus dolorum eum explicabo incidunt minima minus mollitia nesciunt porro provident quaerat quas quasi quod saepe velit! Autem distinctio ducimus fugiat ipsum numquam?</span><span>Ab aspernatur consequuntur cumque delectus, ea eius enim esse eveniet iusto labore maxime molestiae nihil nulla, perspiciatis praesentium quae quasi ratione repudiandae sapiente totam vel vitae voluptas voluptate? Ea, optio!</span></p>
<hr>
<a href="#top">返回顶部</a>
</body>
</html>





















